<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>AICM</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Cache-Control" content="no-cache"/> 
	<meta http-equiv="Cache-Control" content="max-age=0"/>
	<meta name="HandheldFriendly" content="true" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="css/swiper-3.3.1.min.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="css/uikit.min.css" rel="stylesheet" type="text/css" />
    <link href="css/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
	<link href="css/common.css" rel="stylesheet" type="text/css" />
	<link href="css/common_new.css" rel="stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/uikit.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/bootstrap.js"></script>
    <script language="javascript" type="text/javascript" src="js/common.js"></script>
    <script language="javascript" type="text/javascript" src="js/swiper-3.3.1.jquery.min.js"></script>
</head>

<body>

<!-- 头部开始 -->
<div class="top">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<!--				<div class="phone">-->
				<!--					<i class="iconfont icon-dianhua"></i><span>+86 - 800 - 8888 - 8888</span>-->
				<!--				</div>-->
				<div class="head_right_box">
					<div class="head_input_box">
						<input type="text" placeholder="Search" />
						<i class="iconfont icon-icon_search"></i>
					</div>
					<div class="head_input_box cur">English</div>
					<div class="head_input_box cur">
						<a href="./login.html">
							<i class="iconfont icon-denglu"></i><span></span>
							<span>注册/登陆</span>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="head">
	<div class="container">
		<div class="row">
			<div class="head-box col-md-12">
				<a href="#"><img src="images/logo.jpg" /></a>
				<ul class="nav">
					<li><a href="./index.html">首页</a></li>
					<li><a href="./news_list.html">新闻</a></li>
					<li data-uk-dropdown aria-haspopup="true" aria-expanded="false">
						活动
						<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom">
							<div class="container">
								<h1>活动</h1>
								<ul class="uk-nav uk-nav-side uk-nav-parent-icon">
									<li class="uk-parent"><a href="./events.html">近期活动</a></li>
									<li class="uk-parent"><a href="./past_events_list.html">往期活动</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li data-uk-dropdown aria-haspopup="true" aria-expanded="false">
						下载中心
						<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom">
							<div class="container">
								<h1>下载中心</h1>
								<ul class="uk-nav uk-nav-side uk-nav-parent-icon">
									<li class="uk-parent"><a href="./download_center.html">期刊及出版物</a></li>
									<li class="uk-parent"><a href="./committee_dl.html">会员文件</a></li>
								</ul>
							</div>
						</div>
					</li>
					<li data-uk-dropdown aria-haspopup="true" aria-expanded="false">
						关于AICM
						<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom">
							<div class="container">
								<h1>关于AICM</h1>
								<ul class="uk-nav uk-nav-side uk-nav-parent-icon">
									<li class="uk-parent"><a href="./our_values.html">我们的价值</a></li>
									<li class="uk-parent"><a href="#">AICM介绍</a></li>
									<li class="uk-parent"><a href="#">理事会致辞</a></li>
									<li class="uk-parent"><a href="#">AICM委员会</a></li>
									<li class="uk-parent"><a href="#">AICM章程</a></li>
									<li class="uk-parent"><a href="#">责任关怀数字化平台</a></li>
									<li class="uk-parent"><a href="#">联系我们</a></li>
								</ul>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!-- 头部结束 -->

<!-- 手机头部开始 -->
<div class="head_m">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<a href="#"><img src="images/logo.jpg" width="35%" /></a>
				<div class="head_m_nav_box">
					<i class="iconfont icon-denglu"></i>
					<i class="iconfont icon-icon_search"></i>
					<i class="iconfont icon-dianhua1"></i>
					<button class="mobile_nav" data-uk-offcanvas="{target:'#my-id'}"></button>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 手机头部结束 -->

<!-- 抽屉式边栏开始 -->
<div id="my-id" class="uk-offcanvas">
	<div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
		<div class="mobile_searchbox">
			<input type="text" />
			<input type="button" />
		</div>
		<div class="mobile_navbox">
			<ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav>
				<li><a href="./index.html">首页</a></li>
				<li><a href="./news_list.html">新闻</a></li>
				<li class="uk-parent">
					<a href="#">活动</a>
					<ul class="uk-nav-sub">
						<li><a href="./events.html">近期活动</a></li>
						<li><a href="./past_events_list.html">往期活动</a></li>
					</ul>
				</li>
				<li class="uk-parent">
					<a href="#">下载中心</a>
					<ul class="uk-nav-sub">
						<li><a href="./download_center.html">期刊及出版物</a></li>
						<li><a href="./committee_dl.html">会员文件</a></li>
					</ul>
				</li>
				<li class="uk-parent">
					<a href="#">关于AICM</a>
					<ul class="uk-nav-sub">
						<li><a href="./our_values.html">我们的价值</a></li>
						<li><a href="#">AICM介绍</a></li>
						<li><a href="#">理事会致辞</a></li>
						<li><a href="#">AICM委员会</a></li>
						<li><a href="#">AICM章程</a></li>
						<li><a href="#">责任关怀数字化平台</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
				</li>
			</ul>
			<input type="button" value="English" />
		</div>
	</div>
</div>
<!-- 抽屉式边栏结束 -->

<!-- banner start -->
<img src="images/banner_art.jpg" width="100%" />
<!-- banner end -->

<!-- 正文开始 -->
<div class="content">
	<div class="container">
		<ul class="uk-breadcrumb">
			<li><span>新闻</span></li>
			<li class="uk-active"><span>什么是“责任关怀”？</span></li>
		</ul>
		<h1 class="content_title">什么是“责任关怀”？</h1>
		<div class="content_event_list_top"></div>
		<div class="news_article_container">
			<div class="row">
				<div class="col-md-12">
					<div class="article_content">
						<div class="article_responsible_care" id="tabBox">
							<div class="toptab" id="toptab">
								<div class="click_tab"><span>关于责任关怀</span></div>
								<div class="click_tab"><span>工具</span></div>
								<div class="click_tab" id="seeContent"><span>分委员会</span></div>
							</div>
							<div class="tab_box" style="display: none;" id="oneTable">
								<div class="row">
									<div class="col-md-6">
										<div class="general_rc">
											<div class="icon_box"></div>
											<div class="title_bpx"><span>介绍</span></div>
											<div class="content_box">
												xxxxxxxxxxxxxxxxxxxxxx<br>xxxxxxxxxxxxxxxxx<br>xxxxxxxxxxxxxx<br>xxxxxxxxxx
											</div>
										</div>
									</div>
									<div class="col-md-6">
										<div class="general_rc bk2">
											<div class="icon_box"></div>
											<div class="title_bpx"><span>材料</span></div>
											<div class="content_box">
												社区意识和应急响应准则
											</div>
											<a download="" class="download_center_btns" href="/upload/zrgh/1.pdf" style="margin: 20px;">
												<i class="iconfont icon-xiazai"></i>
												<span style="color:white">下载</span>
											</a>
											<div class="content_box">
												运输安全准则
											</div>
											<a download="" class="download_center_btns" href="/upload/zrgh/2.pdf" style="margin: 20px;">
												<i class="iconfont icon-xiazai"></i>
												<span style="color:white">下载</span>
											</a>
											<div class="content_box">
												产品安全监管准则
											</div>
											<a download="" class="download_center_btns" href="/upload/zrgh/3.pdf" style="margin: 20px;">
												<i class="iconfont icon-xiazai"></i>
												<span style="color:white">下载</span>
											</a>
											<div class="content_box">
												安保准则
											</div>
											<a download="" class="download_center_btns" href="/upload/zrgh/4.pdf" style="margin: 20px;">
												<i class="iconfont icon-xiazai"></i>
												<span style="color:white">下载</span>
											</a>
											<div class="content_box">
												健康安全准则
											</div>
											<a download="" class="download_center_btns" href="/upload/zrgh/5.pdf" style="margin: 20px;">
												<i class="iconfont icon-xiazai"></i>
												<span style="color:white">下载</span>
											</a>
											<div class="content_box">
												过程安全准则
											</div>
											<a download="" class="download_center_btns" href="/upload/zrgh/6.pdf" style="margin: 20px;">
												<i class="iconfont icon-xiazai"></i>
												<span style="color:white">下载</span>
											</a>
											<div class="content_box">
												环境保护准则
											</div>
											<a download="" class="download_center_btns" href="/upload/zrgh/7.pdf" style="margin: 20px;">
												<i class="iconfont icon-xiazai"></i>
												<span style="color:white">下载</span>
											</a>
										</div>
									</div>
								</div>
							</div>
							<div class="tab_box" style="display: none;" id="twoTable">
								<div class="row">
									<div class="col-md-6">
										<div class="tools">
											<div class="contact_box">
												<div class="t_box"></div>
												<h3>自我评估</h3>
												<div class="c_box">Cefic责任关怀自我评估工具</div>
											</div>
										</div>
										<a download="" class="download_center_btns" href="/upload/zrgh/Responsible-Care-Self-assessment-tool.xlsm" style="margin-right: 125px; float: right;">
											<i class="iconfont icon-xiazai"></i>
											<span style="color:white">下载</span>
										</a>
									</div>
									<div class="col-md-6">
										<div class="tools">
											<div class="contact_box">
												<div class="t_box"></div>
												<h3>CRSAS</h3>
												<div class="c_box">新版本问卷</div>
											</div>
										</div>
										<a download="" class="download_center_btns" href="/upload/zrgh/8.pdf" style="margin-right: 125px; float: right;">
											<i class="iconfont icon-xiazai"></i>
											<span style="color:white">下载</span>
										</a>
									</div>
								</div>
							</div>
							<div class="tab_box" style="display: none;" id="threeTable">
								<div class="row" id="addContent">
									/*ajax请求 添加内容*/
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 正文结束 -->

<!-- footer start -->
<div class="footer">
	<div class="container">
		<div class="row">
			<div class="pc_bottom_nav">
				<div class="col-md-2">
					<a href="./news_list.html"><div class="footer_nav_title">新闻</div></a>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">活动</div>
					<ul class="footer_nav_list">
						<li>近期活动</li>
						<li>往期活动</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">下载中心</div>
					<ul class="footer_nav_list">
						<li>期刊及出版物</li>
						<li>会员文件</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">关于AICM</div>
					<ul class="footer_nav_list">
						<li>我们的价值</li>
						<li>AICM介绍</li>
						<li>理事会致辞</li>
						<li>AICM委员会</li>
						<li>AICM章程</li>
						<li>责任关怀数字化平台</li>
						<li>联系我们</li>
					</ul>
				</div>
				<div class="col-md-2">
					<div class="footer_nav_title">扫描二维码，<br />关注AICM微信</div>
					<ul class="footer_nav_list">
						<li><img src="images/qrcode_img.jpg" /></li>
					</ul>
				</div>
			</div>
			<div class="bottom_logos_box">
				<p><span>Copyright © 2018 国际化学品制造商协会有限公司(AICM) 版权所有</span><a target="_blank" href="http://beian.miit.gov.cn/">©京ICP备10018869号</a></p>
			</div>
		</div>
	</div>
</div>
<!-- footer start -->

<script>
	var pageTab = $("#toptab > .click_tab");
	var pageTabBox = $("#tabBox > .tab_box");
	$(pageTab).click(function(){
		let h= $(this).index();
		$(pageTab).removeClass("active");
		$(pageTab[h]).addClass("active");
		$(pageTabBox).hide();
		$(pageTabBox[h]).show();
	});


	/* 请求 查看分委员会 */
	$("#seeContent").on('click',function () {

		$('#addContent').html("");

		$.ajax({
			type:'post',
			url:'/news/getBannerContent',
			dataType:'json',
			success:function (date) {

				var html = "";

				var buttonName = "Click to view";

				for(var i in date){
					var nameEn = date[i].name_en + "";
					var name = date[i].name + "";
					var file = date[i].file_en + "";
					var id = date[i].id;

					if(nameEn === name){
						buttonName = "点击查看";
					}

					html += '<div class="col-md-3">' +
							'<div class="z_news_box" style="min-height: 160px">' +
							'<p style="color: #fff">' + nameEn + '</p>' +
							// '<a href="/static/js/pdfjs/web/viewer.html?file=' + date[i].file_en + '" target="_blank">' + buttonName + '</a>' +
							'<a onclick="getPDF(' + id + ')" target="_blank">' + buttonName + '</a>' +
							'</div>' +
							'</div>';
					if(date.length - 1 == i){
						break
					}
				}
				$('#addContent').html(html);
			}


		});


	});


	function preview() {
		var url = 'https://ata-chuangxin.oss-cn-beijing.aliyuncs.com/gz_sm_system/gz_sm_system_test/f957b5b9-f83a-429e-9422-39f99b8aaf57.pdf';
		// window.open('/pdf/web/viewer.html?file=' + url, 'PDF');
		window.open("/js/pdfjs/web/viewer.html?file=/preview");

	}


	function getPDF(id) {
		$.ajax({
			type:'get',
			url:'/news/getPDF/'+id,
			dataType:'json',
			success:function (date) {
				if (date.loginStatus == 0){
					if (date.lan == 1){
						alert("未登录，请登录后查看");
					} else {
						alert("Not logged in, please check after logging in");
					}
					//location.href="/login";
				}else {
					var url = date.url + "";
					window.open(url,'_blank');
				}
			},
		});
	}

</script>

</body>
</html>
